<!-- vue操作DOM对象 -->
 <!-- 可以使用ref 属性来获取DOM对象,然后通过this.$refs获取到DOM对象，也就是标签节点 文本节点等 -->
 <template>
    <div ref="container" class="container">{{ content }}</div>
    <button @click="getElement">获取元素</button>
 </template>

 <script>
 /*
 内容改变{{模板语法}}
 属性改变：v-bind：指令
 事件绑定：v-on：指令
 */
    export default{
        data(){
            return {
                content:"内容"
            }
        },
        methods:{
            getElement(){
                //通过this.$refs.ref里的内容来获取div标签
                //this.$refs.container.获取到DOM对象，可以像html中一样操作DOM对象
                this.$refs.container.innerHTML = "hhh"
            }
        }
    }
</script>